import { FC, Fragment } from 'react';

const Logo: FC<{}> = () => {
  return (
    <Fragment>
      <div className="flex items-center justify-center hover:scale-110 duration-200">
        <div className="left font-semibold text-white mr-2">KunKun</div>
        <div className="right font-semibold text-white p-1  leading-6 rounded text-center" style={{ backgroundColor: '#f68f00' }}>
          Hub
        </div>
      </div>
    </Fragment>
  );
};

export default Logo;
